<template>

       <div v-if="!$route.meta.shovalues">
         <TopNavBar v-if="isRouterActive"></TopNavBar>
       </div>
            <router-view v-if="isRouterActive"/>

</template>
<script setup>
import TopNavBar from "@/components/layout/TopNavBar"
import { ref, provide, nextTick,onMounted} from 'vue-demi'
const isRouterActive = ref(true)
provide('reload', () => {
  isRouterActive.value = false
  nextTick(() => {
    isRouterActive.value = true
  })
})
</script>
<style>
html,body,#app{
  height: 100%;
}

.app-container{
  padding:20px
}
el-container{
  weight:100%;
  height: 100%;
}
::-webkit-scrollbar {
  width: 0 !important;
}
::-webkit-scrollbar {
  width: 0 !important;height: 0;
}
</style>
